<template>
  <div id="tab-bar">
      <slot></slot>  
   </div>
</template>

<script>
export default {
    name:'Tabbar'
}
</script>

<style>
     /* @import 'assets/css/base.css'; */
  #tab-bar{
    display: flex;
    background-color: #f2f2f2;
    /* 固定在下方 */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    /* 导航栏上面设置阴影 0 -3px是设置位置 */
    box-shadow: 0 -3px 1px rgba(100, 100, 100, .1);
  }

</style>